<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="comm/comm ::comm"></head>
<body>
<header th:replace="comm/header" ::header></header>
<aside th:replace="comm/aside" ::aside></aside>
<main>
    <div class="main-content">
        <div class="welcome"> 您好，欢迎您访问 Java知识分享网</div>
        <div class="picbox">
            <h2 class="pictitle"><a href="/">最新开源项目源码分享</a></h2>
            <!--box begin-->
            <div class="Box_con"> <span class="btnl btn" id="btnl"></span> <span class="btnr btn" id="btnr"></span>
                <div class="conbox" id="BoxUl">
                    <ul>
                        <li class="cur"><a href="/"><img th:src="@{/images/brid.jpg}" alt="">
                            <p>测试数据</p>
                        </a> </li>
                        <li class="cur"><a href="/"><img th:src="@{/images/brid.jpg}" alt="">
                            <p>测试数据</p>
                        </a> </li>
                        <li class="cur"><a href="/"><img th:src="@{/images/brid.jpg}" alt="">
                            <p>测试数据</p>
                        </a> </li>
                        <li class="cur"><a href="/"><img th:src="@{/images/brid.jpg}" alt="">
                            <p>测试数据</p>
                        </a> </li>
                        <li class="cur"><a href="/"><img th:src="@{/images/brid.jpg}" alt="">
                            <p>测试数据</p>
                        </a> </li>
                        <li class="cur"><a href="/"><img th:src="@{/images/brid.jpg}" alt="">
                            <p>测试数据</p>
                        </a> </li>
                        <li class="cur"><a href="/"><img th:src="@{/images/brid.jpg}" alt="">
                            <p>测试数据</p>
                        </a> </li>
                        <li class="cur"><a href="/"><img th:src="@{/images/brid.jpg}" alt="">
                            <p>测试数据</p>
                        </a> </li>
                    </ul>
                </div>
            </div>
            <!--box end-->
        </div>
        <div class="newsbox">
            <section th:each="articleVo : ${data}">
                <div class="news">
                    <h2 class="newstitle"><span><a href="/">更多</a></span><b th:text="${articleVo.category.name}">Java基础视频教程</b></h2>
                    <ul>
                        <li th:each="article : ${articleVo.articles}">
                            <a th:href="@{'http://localhost:8080/article/'+${article.id}}" th:text="${article.title}"></a><span>2018-12</span>
                        </li>
                    </ul>
                </div>
            </section>
        </div>
        <div class="blank"></div>
        <div class="links">
            <h2 class="linktitle">广告位</h2>
            <!--<ul class="link-pic">-->
                <!--<li><a href="/"><img src="images/yqlj.png"></a></li>-->
                <!--<li><a href="/"><img src="images/yqlj.png"></a></li>-->
                <!--<li><a href="/"><img src="images/yqlj.png"></a></li>-->
                <!--<li><a href="/"><img src="images/yqlj.png"></a></li>-->
                <!--<li><a href="/"><img src="images/yqlj.png"></a></li>-->
            <!--</ul>-->
            <ul class="link-text">
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
                <li><a href="http://www.yangqq.com">测试数据</a></li>
            </ul>
        </div>
    </div>
</main>
<footer th:replace="comm/footer ::footer"></footer>
</body>
</html>